<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="robots" content="all" />
        <meta name="author" content="">
        <meta name="keywords" content="">
        <meta name="description" content="">
        <title>SuiRich</title>
        <jsp:include page="../commons/header.jsp"></jsp:include>
		<link rel="stylesheet" href="<%=request.getContextPath() %>/style/css/pagination.css" media="all" />
		<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery.pagination.js"></script>
    </head>
    <body>
        <jsp:include page="../commons/menu.jsp"></jsp:include>
		<!-- main -->
		<div class="mainCnt products clearfix">
			<div class="cur clearfix">
				<h2 class="categories fl">Product Categories &gt; <span id="categoryPath">All</span></h2>
			</div>
			<div class="menu">
	            <dl class="" id="categoriesTree">
	            </dl>
			</div>
			<div class="wrap_product">
				<ul class="productList" id="productList">
				</ul>
				<div class="pagination" id="paginationDiv"></div>
			</div>
		</div>
		<jsp:include page="../commons/footer.jsp"></jsp:include>

        <script type="text/javascript">
            product.categoriesListTree("categoriesTree");

            product.currentCategory = utils.getUrlParameter("category");
            if(!product.currentCategory){
            	product.currentCategory = 0;
            }
            product.list(0);
            
            $('.menu dt,.menu dd').live('click',function(){
                $(this).addClass('selected').siblings().removeClass('selected');
            });
        </script>
    </body>
</html>
